            <div id="wrapper">
                <div id="steps">
                    <form id="formElem" name="formElem" action="<?php echo base_url()?>register/registerInsert" method="post">
                        <fieldset class="step">
                            <legend>Hesap</legend>
                            <p>
                                <label for="username">Kullanici Adi</label>
                                <input id="username" name="username" />
                            </p>
                            <p>
                                <label for="email">Email</label>
                                <input id="email" name="email" placeholder="isim@mail.com" type="email" AUTOCOMPLETE=OFF />
                            </p>
                            <p>
                                <label for="password">Şifre</label>
                                <input id="password" name="password" type="password" AUTOCOMPLETE=OFF />
                            </p>
                                                        <p>
                                <label for="password">Şifre Tekrarı</label>
                                <input id="repassword" name="repassword" type="repassword" AUTOCOMPLETE=OFF />
                            </p>
                        </fieldset>
                        <fieldset class="step">
                            <legend>Kişisel Detaylar</legend>
                            <p>
                                <label for="name">İsim Soyisim</label>
                                <input id="name" name="name" type="text" AUTOCOMPLETE=OFF />
                            </p>
                            <p>
                                <label for="country">Şehir</label>
                                <input id="country" name="country" type="text" AUTOCOMPLETE=OFF />
                            </p>
                            <p>
                                <label for="phone">Tel</label>
                                <input id="phone" name="phone" placeholder="e.g. +351215555555" type="tel" AUTOCOMPLETE=OFF />
                            </p>
                            <p>
                                <label for="website">Website</label>
                                <input id="website" name="website" placeholder="e.g. http://myinfo.blog.com" type="tel" AUTOCOMPLETE=OFF />
                            </p>
                            <p>
                            <input type="radio" name="sex" value="male">Erkek
								<input type="radio" name="sex" value="female">Kadin
                            </p>
                        </fieldset>
                        <fieldset class="step">
                            <legend>Eğitim/öğretim</legend>
                            <p>
                                <label for="Eğitim">Eğitim</label>
                                <select id="cardtype" name="education">
                                    <option>İlköğretim</option>
                                    <option>Lise</option>
                                    <option>Önlisans</option>
                                    <option>Lisans</option>
                                    <option>Yüksek Lisans</option>
                                    <option>Doktora</option>
                                </select>
                            </p>
                            <p>
                                <label for="Eğitim">Eğitmen Branşı</label>
                                <select id="cardtype" name="education_branch">
                                    <option>İlköğretim</option>
                                    <option>Lise</option>
                                    <option>Önlisans</option>
                                    <option>Lisans</option>
                                    <option>Yüksek Lisans</option>
                                    <option>Doktora</option>
                                    <option>Özel Kurs</option>
                                    <option>Üniversiteye Hazırlık</option>
                                </select>
                            </p>
                            <p>
                                <label for="secure">Eğitim Verdiği Kurumun Adı</label>
                                <input id="secure" name="education_name" type="text" AUTOCOMPLETE=OFF />
                            </p>
                            <p>
                                <label for="namecard">Eğitmen Derecesi</label>
                                <input id="namecard" name="education_degree" type="text" AUTOCOMPLETE=OFF />
                            </p>
                        </fieldset>
                        <fieldset class="step">
                            <legend>Ayarlar</legend>
                            <p>
                                <label for="newsletter">Bülten Gönderilsin mi?</label>
                                <select id="newsletter" name="newsletter">
                                    <option value="Daily" selected>Günlük</option>
                                    <option value="Weekly">Haftalık</option>
                                    <option value="Monthly">Aylık</option>
                                    <option value="Never">Gönderilmesin</option>
                                </select>
                            </p>
                            <p>
                                <label for="updates"><a href="#dialog" name="modal">Gizlilik sözleşmesi</a></label>
                            </p>
                            <p>
                            	<input type="radio" name="terms" value="yes">Kabul
								<input type="radio" name="terms" value="no">Red
                            </p>
<!-- 							<p>
                                <label for="tagname">Newsletter Tag</label>
                                <input id="tagname" name="tagname" type="text" AUTOCOMPLETE=OFF />
                            </p> -->
                        </fieldset>
						<fieldset class="step">
                            <legend>Onayla</legend>
							<p>
								Tüm Sekmelerde yeşil bir onay işareti varsa Sonuca ulaşmaya çok Yakınsınız.
								Eğer kırmızı bir uyarı varsa dönüp yanlış olan bölümü düzeltiniz.
								Onayla butonuna bastıktan sonra Mailinize gelecek olan onay koduna Tıklayıp Üyeliğinizi başarıyla 
								tamamlamış olacaksınız. 
							</p>
                            <p class="submit">
                                <button id="registerButton" type="submit">Onayla</button>
                            </p>
                        </fieldset>
                    </form>
                </div>
                <div id="navigation" style="display:none;">
                    <ul>
                        <li class="selected">
                            <a href="#">Hesap</a>
                        </li>
                        <li>
                            <a href="#">Kişisel Detaylar</a>
                        </li>
                        <li>
                            <a href="#">Eğitmen</a>
                        </li>
                        <li>
                            <a href="#">Ayarlar</a>
                        </li>
						<li>
                            <a href="#">Onayla</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div id="boxes">
        <div id="dialog" class="window">
        <ul>
				<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
				<li>Aliquam elementum dictum justo, et dignissim ligula pulvinar in.</li>
				<li>Maecenas dictum neque in tellus gravida et porttitor nunc tincidunt.</li>
				<li>Duis ac dolor eget nibh tristique sollicitudin.</li>
				<li>Aenean porttitor convallis purus, eget tristique leo blandit id.</li>
				<li>Nullam tempor nisl vel lacus mattis a convallis erat bibendum.</li>
				<li>Nullam sollicitudin tincidunt sem, vel mollis diam faucibus vitae.</li>
				<li>Curabitur id magna sit amet dolor convallis vehicula.</li>
				<li>Morbi interdum tincidunt mauris, a convallis sapien pretium sit amet.</li>
				<li>Integer sed justo nibh, vitae egestas elit.</li>
				<li>Morbi fermentum condimentum lacus, et egestas mi posuere non.</li>
				<li>Sed lacinia semper quam, non rhoncus est condimentum sit amet.</li>
				<li>Maecenas sodales urna quis sem varius tincidunt.</li>
				<li>Duis id elit ac arcu dignissim imperdiet vitae ac velit.</li>
				<li>Suspendisse ut nulla ut sapien lobortis laoreet.</li>
				<li>Proin id nibh non nibh tempor convallis.</li>
				<li>Vestibulum vel nisl at nisl mollis tempus at ac odio.</li>
				<li>Phasellus a dolor non urna tempus interdum sed non arcu.</li>
				<li>Aenean interdum ultrices quam, non sodales enim luctus a.</li>
				<li>Suspendisse tristique nibh ut metus venenatis porta.</li>
				<li>Nullam eu turpis quis felis vehicula varius eu sed ante.</li>
				<li>Maecenas ac metus ligula, non luctus diam. </li>
			</ul>
				<a href="#"class="close"/>Kapat</a>
				</div>
				  <div id="mask"></div>
        </div>